<template>
	<uni-popup ref="pressiomPop" type="bottom" :safe-area="false" mask-background-color="rgba(0,0,0,0.5)">
		<view class="perssiom-info-box">
			<view class="perssiom-info">
				<view class="perssiom-info-title">授权说明</view>
				<view class="perssiom-info-content">
					您正在授权手机号码注册，请阅读相关协议
				</view>
				<!-- <view class="perssiom-info-content">
					未成年禁止饮酒
				</view> -->
				<view class="bind-box">
					<bindCommon ref="bind" @close="closePop" ></bindCommon>
				</view>
			</view>
		</view>
	</uni-popup>
</template>

<script>
	import bindCommon from "@/pages/bind/bindCommon.vue"
	export default {
		data() {
			return {

			}
		},
		components: {
			bindCommon
		},
		methods: {
			open(){
				this.$refs.bind.init()
				this.$refs.pressiomPop.open();
			},
			closePop() {
				this.$refs.pressiomPop.close();
			}
		}

	}
</script>

<style lang="scss" scoped>
	.perssiom-info-box {
		width: 750rpx;
		display: flex;
		justify-content: center;
		background-color: #fff;
		height: 500rpx;
		border-radius: 23rpx 23rpx 0 0;

		.perssiom-info {
			padding: 20rpx 30rpx;
			display: flex;
			flex-direction: column;
			align-items: center;

			.perssiom-info-title {
				width: 690rpx;
				display: flex;
				justify-content: center;
				padding-bottom: 16rpx;
				font-size: 32rpx;
				font-weight: 900;
				border-bottom: 1rpx solid #e7e7e7;
			}

			.perssiom-info-content {
				margin-top: 22rpx;
				font-size: 24rpx;
			}

			.perssiom-info-group {
				margin-top: 32rpx;
				display: flex;
				align-items: center;
			}

		}

	}

	.bind-box {
		width: 750rpx;
		height: 750rpx;
	}
</style>